<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>驾校一点通</title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/iconfont.css" />
		<link rel="stylesheet" href="css/iconfont-page2.css" />
		<script type="text/javascript" src="js/config.js"></script>
		<script type="text/javascript" src="js/utils/mui.min.js"></script>
		<script type="text/javascript" src="js/utils/template.js"></script>
		<script type="text/javascript" src="js/utils/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="js/base.js"></script>
		<style type="text/css">
			.jl-img img {
				width: 120px !important;
				height: 120px !important;
			}
		</style>
	</head>

	<body>
		<div class="mui-content" id="xueche">
			<div id="slider" class="mui-slider">
				<div class="mui-slider-group mui-slider-loop">
					<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="#">
							<img src="images/83DELMT6_0.jpg">
						</a>
					</div>
					<!-- 第一张 -->
					<div class="mui-slider-item">
						<a href="#">
							<img src="images/83DELMT6_0.jpg">
						</a>
					</div>
					<!-- 第二张 -->
					<div class="mui-slider-item">
						<a href="#">
							<img src="images/83DELMT6_0.jpg">
						</a>
					</div>
					<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="#">
							<img src="images/83DELMT6_0.jpg">
						</a>
					</div>
				</div>
				<div class="mui-slider-indicator">
					<div class="mui-indicator mui-active"></div>
					<div class="mui-indicator"></div>
				</div>
			</div>
			<div class="mui-bg-container">
				<h1 class="title">精彩学车</h1>
				<ul class="mui-table-view mui-grid-view" id="xc_box_ul"></ul>
				<script type="text/html" id="xc_study">
					<% for (var i = 0 ; i < d.length ; i++){ %>
						<li class="mui-table-view-cell mui-media mui-col-xs-3">
							<a href="#">
								<img  class=" mui-media-object" src="http://www.myzii.cn/<%=d[i].contentthumb %>">
								<div class="mui-media-body"><%=d[i].contenttitle %></div>
							</a>
						</li>
						<%}%>
				</script>
			</div>

			<div class="mui-bg-container">
				<h1 class="title">教练风采</h1>
				<ul class="mui-table-view mui-grid-view" id="xc_jl_ul"></ul>
				<script type="text/html" id="xc_jl">
					<%
						for (var i = 0 ; i < d.length ; i ++){
					%>
						<li class="mui-table-view-cell mui-media mui-col-xs-4">
							<a href="#">
								<div class="jl-img">
									<img class="mui-media-object" src="http://www.myzii.cn/<%=d[i].contentthumb %>">
								</div>
								<div class="mui-media-body">
									<%=d[i].contenttitle %>
								</div>
							</a>
						</li>
						<%
						}
						
					%>
				</script>
			</div>
			<div class="mui-bg-container">
				<h1 class="title">教学场地</h1>
				<ul class="mui-table-view" id="xc_cd_ul"></ul>
				<script type="text/html" id="xc_cd">
					<%
						for(var i = 0 ; i < d.length ; i++){
					%>
						<li class="mui-table-view-cell mui-media">
							<a href="javascript:;">
									<img class="mui-media-object mui-pull-right" src="http://www.myzii.cn/<%=d[i].contentthumb %>">
									<div class="mui-media-body">
										<%=d[i].contenttitle%>
										<p class='mui-ellipsis'><%=d[i].contentdescribe%></p>
									</div>
								</a>
						</li>
						<%
						}
						
					%>
				</script>
			</div>
		</div>
		<script>
			JXXC.action.xueche.xc_study(function(oData) {
				var tep = template('xc_study', oData);
				document.getElementById("xc_box_ul").innerHTML = tep;
			});
			JXXC.action.xueche.xc_jl(function(oData) {
				var tep = template('xc_jl', oData);
				document.getElementById("xc_jl_ul").innerHTML = tep;
			});
			JXXC.action.xueche.xc_cd(function(oData) {
				var tep = template('xc_cd', oData);
				document.getElementById("xc_cd_ul").innerHTML = tep;
			});
		</script>
	</body>

</html>